<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<!--css-->
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
	</head>

	<body class="bg-gray">
		<header class="mui-bar mui-bar-nav head-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">昵称</h1>
		</header>
		<!--DOM	-->
		<div class="mui-content bg-gray">
			<!---->
			<div class="mui-input-group mui-content-padded personal-data-name-input">
				<input type="text" name="" id="" value="" placeholder="请输入新昵称"/>
			</div>
			<!---->
			<br /><br />
			<div class="mui-content-padded">
				<button class="mui-btn mui-btn-block mui-btn-green personalData-btn">
					确定
				</button>
			</div>
		</div>
		<!-- JS -->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>

</html>